<?php 
include_once 'classes/design.php';

$design = new Design();
$design->imprimir_topo();
?>

<link rel="stylesheet" href="css/colorbox.css" />
<script src="javascript/jquery-1.7.1.min.js"></script>
<script src="javascript/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
	$('.prints').colorbox({rel: 'prints', transition: 'elastic'});
});
</script>

<h1>Experience</h1>

On this page, I will show some of my professional experience, exposing the systems on which I worked and the technologies employed.

<p/>
<h2>Academic Control System - CESREI College</h2>
<div style="display: table-cell;">
	<a class="prints" title="Academic Control System - CESREI College" href="img/cesrei.png">
		<img src="img/cesrei_thumb.png" style="float: left; margin: 0 10px 10px 0;"/>
	</a>
	<b>2006 - Present</b><br/>
	CESREI College has (on March 2012) more than a thousand students, and this system controls all of their academic information. It provides controls on the information of the college's courses, students, professors, employees, disciplines, schedules, payments and payroll. Most of everyday tasks in the college is done on this system, that is being used for six years now (since 2006) and is crucial for the college functioning. I used PHP and MySQL, and the interface was made with HTML and CSS only.
</div> 

<p/>
<h2>FLOApp (Free/Livre/Open Applications)</h2>
<div style="display: table-cell;">
	<a class="prints" title="FLOApp (Free/Livre/Open Applications)" href="img/floapp.png">
		<img src="img/floapp_thumb.png" style="float: right; margin: 0 0 10px 10px;"/>
	</a>
	<b>2010</b><br/>
	Cooperative environment to manage open source projects that focus on public management, developed by the software company Inteligis. I worked mainly on the creation of SOAP web services (made in PHP) to provide comunication between FLOApp and FusionForge (an open source system that comprehends management for projects, tasks, releases, discussion boards, etc.). I worked also on the installation and configuration of the web servers (Apache and Tomcat), with PHP 5 and PostgreSQL, using Linux.
</div>

<p/>
<h2>Information System - PROPEX - UFCG</h2>
<div style="display: table-cell;">
	<a class="prints" title="Information System - PROPEX - UFCG" href="img/propex.png">
		<img src="img/propex_thumb.png" style="float: left; margin: 0 10px 10px 0;"/>
	</a>
	<b>2009 - 2010</b><br/>
	Fully created and developed by me from scratch, this system was built to provide better control to UFCG Dean's Office for Research and Extension (PROPEX) over research/extension projects and its students. I used MySQL database, PHP for the back-end, and HTML, CSS and Javascript, for a richer front-end. Users had individual cryptographed password, and different privileges on the system, according to their role. 
</div>

<p/>
<h2>Web Site - CESREI College</h2>
<div style="display: table-cell;">
	<div style="float: right; margin: 0 0 10px 10px;">
		<a class="prints" title="Web Site - CESREI College (Main page)" href="img/cesreisite.png">
			<img src="img/cesreisite_thumb.png" style="margin-bottom: 5px;"/><br/>
		</a>
		<a class="prints" title="Web Site - CESREI College (Professors area)" href="img/cesreisite2.png">
			<img src="img/cesreisite2_thumb.png" />
		</a>
	</div>
	<b>2004 - 2010</b><br/>
	I created and developed this site not only to make publicity of the college, but also to improve interaction with students and professors. It was a dynamic portal, with an administration area to insert news, notices, polls, calendar, official announcements and admission test results. It also gave students and professors individual access, through password. Professors published students grades, files for their classes and sent it directly to the college's academic administration (professor's area shown on the second image). Students had access to the grades and files published by their professors, also to their academic record and schedule. Everything was developed with PHP, Flash, HTML/CSS and Javascript, and used MySQL database. The layout had 3 different color schemes and 8 different top images (photos of important spots of our city), that were loaded randomly, so there were 24 different visuals to the pages.<br/>Though the web site has changed after 2010, its administration features, and the students/professors areas are still in use to this date. 
</div>

<p/>
<h2>Web Site - CERC School</h2>
<div style="display: table-cell;">
	<div style="float: left; margin: 0 10px 10px 0;">
		<a class="prints" title="Web Site - CERC School (Main page)" href="img/cerc.png">
			<img src="img/cerc_thumb.png" style="margin-bottom: 5px;"/><br/>
		</a>
		<a class="prints" title="Web Site - CERC School (Student grades)" href="img/cerc2.png">
			<img src="img/cerc2_thumb.png" />
		</a>
	</div>
	<b>2002 - 2006</b><br/>
	This was my first project, the one that got me started into programming. CERC was a medium-sized school, with around 400 students at the time. I created the complete web site for the school, using PHP, Flash and HTML/CSS, to get a colorful and very animated interface. It featured news, articles, polls, message board, and, the main feature, access to students grades (as you can see on the second image). This was made with MySQL database. CERC was the first school on the city to provide this service to students and their parents, back in 2002. 
</div>

<p/>
<h2>Other Projects</h2>
<div style="display: table-cell;">
	<div style="float: right; margin: 0 0 10px 10px;">
		<a class="prints" title="Barzin (Configuration screen)" href="img/barzin1.png">
			<img src="img/barzin1_thumb.png" style="margin-bottom: 5px;"/><br/>
		</a>
		<a class="prints" title="Barzin (Order screen)" href="img/barzin2.png">
			<img src="img/barzin2_thumb.png" />
		</a>
	</div>
	<b>2011 - 2012: Barzin</b><br/>
	This one was a project for a discipline in my graduation, and consisted of a system to promote interaction in restaurants and bars, with Android tablets on the tables. The establishment manager had power to insert the menu on the system, on a web interface, and the clients would browse on this menu and place orders. On the tablet, it was possible to divide every order (and the bill as a whole) to every person, so everyone would know how much was their share. Also, the client could chat with other tablets. There was 3 people on the team of this project, and we used Java, PHP, HTML/CSS, Javascript, AJAX and MySQL database. 
</div>
<p/>
<div style="display: table-cell;">
	<a class="prints" title="Geodengue" href="img/geodengue.png">
		<img src="img/geodengue_thumb.png" style="float: left; margin: 0 10px 10px 0;" />
	</a>
	<b>2011: Geodengue</b><br/>
	Project developed for the discipline Geographic Information Systems, it consisted of a gIS that controlled, over a city map, public health agents and epidemic focuses of dengue, a disease that inflicts hundreds of thousands of people in our region and country. The system was built by a team of 5 members, and used GWT, Java, Geoserver, PostgreSQL database with the Postgis extension, to handle spatial data and queries, all over a Google Maps layer.
</div>
<p/>
<div style="display: table-cell;">
	<a class="prints" title="Information System - Restauração" href="img/restauracao.png">
		<img src="img/restauracao_thumb.png" style="float: right; margin: 0 0 10px 10px;" />
	</a>
	<b>2012: Information System - Restauração</b><br/>
	A pet project of mine, it is an information system to Restauração, a musical group I'm in (and play the bass!). It records every event we play and every music, with important information to us, so we can consult whenever we have to, through smartphones, notebooks or mobile devices. It features a login system through Facebook, to allowed users (restricted by me). I used PHP, HTML/CSS, Javascript, AJAX requests, jQuery effects and PostgreSQL database. It is online on the address <a href="http://restauracao.co.cc" target="_blank">http://restauracao.co.cc</a>.
</div>
	


<?php 
$design->imprimir_rodape();
?>